<!DOCTYPE html>
<!-- saved from url=(0043)http://getuikit.net/docs/layouts_login.html -->
<html lang="en-gb" dir="ltr" class="uk-height-1-1 uk-touch"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Login layout example - UIkit documentation</title>
    <%@ page language="java" pageEncoding="UTF-8"%>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
    <%@include file="basic/basic_includes.jsp" %>
        <style type="text/css">
            body{
            background-color: #123;
        }
        p{
            font-family: 幼圆; 
            font-size: 20px;
            line-height: 32px;
            float: right;
        }
        </style>
        <script src="js/jquery.js"></script>
        <script src="js/uikit.min.js"></script>
    </head>

    <body class="uk-height-1-1">

        <div class="uk-vertical-align uk-text-center uk-height-1-1">
            <div class="uk-vertical-align-middle" style="width: 500px;">

                <h1 style="color: #ffffaa;font-family: 幼圆; ">注册</h1><br>


                <form class="uk-panel uk-panel-box uk-form">
                <br>
                    <div class="uk-grid" >
                        <div class="uk-width-1-4" ><p>用户名*</p></div>
                        <div class="uk-width-3-4" ><input class="uk-width-1-1 uk-form-large" type="text" placeholder="Username"></div>
    <br><br><br>
                        <div class="uk-width-1-4" ><p>密码*</p></div>
                        <div class="uk-width-3-4" ><input class="uk-width-1-1 uk-form-large" type="password" placeholder="Password"></div>
    <br><br><br>
                        <div class="uk-width-1-4" ><p>重复密码*</p></div>
                        <div class="uk-width-3-4" ><input class="uk-width-1-1 uk-form-large" type="password" placeholder="Repassword"></div>
    <br><br><br>
                        <div class="uk-width-1-4" ><p>姓名*</p></div>
                        <div class="uk-width-3-4" ><input class="uk-width-1-1 uk-form-large" type="text" placeholder="Name"></div>
    <br><br><br>
                        <div class="uk-width-1-4" ><p>性别</p></div>
                        <div class="uk-width-1-4" ><select>
                                                        <option>男</option>
                                                        <option>女</option>
                                                    </select></div>
                                                    <div class="uk-width-1-4" ></div><div class="uk-width-1-4" ></div>
    <br><br><br>
                        <div class="uk-width-1-4" ><p>省份</p></div>
                        <div class="uk-width-3-4" ><input class="uk-width-1-1 uk-form-large" type="text" placeholder="Province"></div>
    <br><br><br>
                        <div class="uk-width-1-4" ><p>城市</p></div>
                        <div class="uk-width-3-4" ><input class="uk-width-1-1 uk-form-large" type="text" placeholder="City"></div>
        <br><br><br>
                        <div class="uk-width-1-4" ><p>邮箱</p></div>
                        <div class="uk-width-3-4" ><input class="uk-width-1-1 uk-form-large" type="text" placeholder="Mail"></div>
                            <br><br><br>
                        <div class="uk-width-1-4" ><p>手机</p></div>
                        <div class="uk-width-3-4" ><input class="uk-width-1-1 uk-form-large" type="text" placeholder="Moblie"></div>
                            <br><br><br>
                        <div class="uk-width-1-4" ><p>QQ</p></div>
                        <div class="uk-width-3-4" ><input class="uk-width-1-1 uk-form-large" type="text" placeholder="QQ"></div>
                        <br><br><br>

                        <div class="uk-width-4-4" >
                        <h5 style="font-family: 幼圆; " >给大家的一句话</h5>
                            <textarea style="width:320px;" ></textarea>

                        </div>
                    </div>

                    <br>

                    <div class="uk-form-row">
                        <a class="uk-width-1-1 uk-button uk-button-primary uk-button-large" href="http://getuikit.net/docs/layouts_login.html#">注册</a>
                    </div>
                </form>

            </div>
        </div>

    

</body></html>